<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>服务项目</title>
    <!-- Bootstrap -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/bootstrap-me.css" rel="stylesheet">
    <link href="assets/css/animate.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
    <link href="assets/css/swiper.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
<!-- top -->
<div class="top visible-lg">
  <div class="container">
    <div class="pull-left">欢迎来到艾夫斯信息科技有限公司！</div>
    <div class="pull-right">
      <ul class="list-inline">
        <li class="app"><i class="icon iconfont">&#xece6;</i> 手机APP</li>
        <li class="code">
          <i class="icon iconfont">&#xece4;</i> 关注微信公众号 <i class="icon iconfont">&#xea33;</i>
          <div class="code_img"><img src="assets/img/contact_08.png" alt=""></div>
        </li>
      </ul>
    </div>
  </div>
</div>
<!--导航-->
  <nav class="navbar navbar-default">
    <div class="container">
      <!-- 小屏幕导航按钮和LOGO -->
      <div class="navbar-header">
        <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a href="index.html" class="navbar-brand"><img src="assets/img/f4.png" alt=""></a>
      </div>
      <!-- 小屏幕导航按钮和LOGO -->

      <!-- 大屏幕导航 -->
       <div class="navbar-collapse collapse">
         <ul class="nav navbar-nav navbar-right">
           <li><a href="./index.html">首页</a></li>
           <li><a href="./about.html">关于我们</a></li>
           <li><a class="on" href="./service_items.html">服务项目</a></li>
           <li><a href="./case_list.html">案例展示</a></li>
           <li><a href="./modal_list.html">模板欣赏</a></li>
           <li><a href="./news.html">新闻动态</a></li>
           <li><a href="./contact_us.html">联系我们</a></li>
         </ul>
       </div>
      <!-- 大屏幕导航 -->
    </div>
  </nav>
<!--导航-->
<!-- banner -->
  <div class="swiper-container about_banner">
    <div class="swiper-wrapper">
      <div class="swiper-slide" style="background-image: url(assets/img/service_02.png)"></div>
    </div>
  </div>
  <!-- main -->
 <div class="service_wrapper">
   <div class="container">
     <!-- 我们可以做的更好 -->
      <div class="do_well">
        <div class="container">
          <div class="index_titlebox">
            <h3 class="index_title">我们可以做得更好</h3>
            <p class="index_intro">我们为您提供更具有优势的企业网络服务平台</p>
          </div>
          <section class="business active visible-lg">
            <div class="box">
                <ul class="items list-inline">
                    <li class="pc">
                        <u class="cl"></u>
                        <u class="cr"></u>
                        <i></i><strong>高端网站企业定制开发</strong>
                        <p>企业高端定制网站设计<br />彰显品牌形象</p>
                    </li>
                    <li class="mobi">
                        <u class="cl"></u>
                        <u class="cr"></u>
                        <i></i><strong>APP项目定制开发</strong>
                        <p>基于 iOS / Android 应用开发<br />掌控智能终端时代</p>
                    </li>
                    <li class="sys">
                        <u class="cl"></u>
                        <u class="cr"></u>
                        <i></i><strong>交互H5设计开发</strong>
                        <p>QUERY动态特效QUERY动态特效<br />兼容手机、IPAD等触屏设备</p>
                    </li>
                    <li class="app">
                        <u class="cl"></u>
                        <u class="cr"></u>
                        <i></i><strong>小程序/公众号/Wap设计开发</strong>
                        <p>定制手机网站 / 微网站制作<br />布局移动互联网</p>
                        
                    </li>
                </ul>
            </div>
          </section>
          <section class="service_dowell hidden-lg">
              <div class="col-sm-3 website wow fadeInLeft ">
                <h5></h5>
                <h4>高端网站企业定制开发</h4>
                <p>企业高端定制网站设计</br>彰显品牌形象</p>
              </div>
              <div class="col-sm-3 app wow fadeInRight ">
                <h5></h5>
                <h4>APP项目定制开发</h4>
                <p>基于 iOS / Android 应用开发</br>掌控智能终端时代</p>
              </div>
              <div class="col-sm-3 h5 wow fadeInLeft ">
                <h5></h5>
                <h4>交互H5设计开发</h4>
                <p>QUERY动态特效QUERY动态特效</br>兼容手机、IPAD等触屏设备</p>
              </div>
              <div class="col-sm-3 wechat wow fadeInRight ">
                <h5></h5>
                <h4>小程序/公众号/Wap设计开发</h4>
                <p>定制手机网站 / 微网站制作</br>布局移动互联网</p>
              </div>
              <div class="clearfix"></div>
          </section>
        </div>
      </div>
      <!-- 创意与创新的桥梁 -->
      <div class="do_well">
        <div class="container">
          <div class="index_titlebox">
            <h3 class="index_title">创意与创新的桥梁</h3>
            <p class="index_intro">根据一定要求，完成视觉传达的目的</p>
          </div>
          <div class="box">
            <div class="col-sm-4 col-xs-6  wow rotateIn ">
              <a href="#">
                <div class="img_box"><img class="img-responsive" src="assets/img/service_05.png" alt=""></div>
                <div class="text_box">
                    <h4>人性化</h4>
                    <p>通过色彩处理、主图创意、布局创新、版块合理规划等方式,使网站平台更利于客户浏览.
                    </p>
                </div>
              </a>
            </div>
            <div class="col-sm-4 col-xs-6 col-xs-6  wow rotateIn ">
              <a href="#">
                <div class="img_box"><img class="img-responsive" src="assets/img/service_07.png" alt=""></div>
                <div class="text_box">
                    <h4>交互性</h4>
                    <p>建立异步沟通系统（帮助中心、留言板、问题解答…）方便客户与网站之间...
                    </p>
                </div>
              </a>
            </div>
            <div class="cb"></div>
            <div class="col-sm-4 col-xs-6 col-xs-6  wow rotateIn ">
              <a href="#">
                <div class="img_box"><img class="img-responsive" src="assets/img/service_09.png" alt=""></div>
                <div class="text_box">
                    <h4>逻辑性</h4>
                    <p>整体网站策划流程符合客户心理，且在充分分析客户行业特征的基础上，建立网站内部功能...
                    </p>
                </div>
              </a>
            </div>
            <div class="clearfix hidden-xs"></div>
            <div class="col-sm-4 col-xs-6 col-xs-6  wow rotateIn ">
              <a href="#">
                <div class="img_box"><img class="img-responsive" src="assets/img/service_14.png" alt=""></div>
                <div class="text_box">
                    <h4>营销性</h4>
                    <p>整合用户体验式浏览及营销推广功能，从客户访问到咨询产生形成高转化率。
                    </p>
                </div>
              </a>
            </div>
            <div class="cb"></div>
            <div class="col-sm-4 col-xs-6 col-xs-6  wow rotateIn ">
              <a href="#">
                <div class="img_box"><img class="img-responsive" src="assets/img/service_15.png" alt=""></div>
                <div class="text_box">
                    <h4>控制性</h4>
                    <p>网站各栏目及分类清晰，便于统计客户访问页面深度、停留时间、产品或服务关注度、点击...
                    </p>
                </div>
              </a>
            </div>
            <div class="col-sm-4 col-xs-6 col-xs-6  wow rotateIn ">
              <a href="#">
                <div class="img_box"><img class="img-responsive" src="assets/img/service_17.png" alt=""></div>
                <div class="text_box">
                    <h4>界面友好性</h4>
                    <p>心理学表明，适合的界面对于客户点击欲望的提升和印象指数的提升效果明显，网站界面是...
                    </p>
                </div>
              </a>
            </div>
            <div class="clearfix hidden-xs"></div>
          </div>
        </div>
      </div>
      <!-- 我们的服务品质 -->
      <div class="do_well">
        <div class="container">
          <div class="index_titlebox">
            <h3 class="index_title">我们的服务品质</h3>
            <p class="index_intro">不同的媒介，拥有同样的精彩</p>
          </div>
          <div class="box hidden-xs">
            <div class="col-sm-4">
              <div class="he_3DFlipY">
                <div class="he_3DFlipY_inner">
                  <div class="he_3DFlipY_img">
                    <span><i class="icon iconfont">&#xec9c;</i></span>
                    <span><i class="icon iconfont">&#xeca9;</i></span>
                    <span><i class="icon iconfont">&#xecce;</i></span>
                    <p>
                      触及视觉灵魂的设计趋势</br>
                      精心布局的用户体验</br>
                      毫无顾忌地通过任何终端</br>
                      呈现在客户的眼前
                    </p>
                  </div>
                  <div class="he_3DFlipY_caption">
                    <span><i class="icon iconfont">&#xec9c;</i></span>
                    <span><i class="icon iconfont">&#xeca9;</i></span>
                    <span><i class="icon iconfont">&#xecce;</i></span>
                    <p>
                      触及视觉灵魂的设计趋势</br>
                      精心布局的用户体验</br>
                      毫无顾忌地通过任何终端</br>
                      呈现在客户的眼前
                    </p>
                  </div>
                 </div>
              </div>
            </div>
            <div class="col-sm-4">
              <div class="he_3DFlipY">
                <div class="he_3DFlipY_inner">
                  <div class="he_3DFlipY_img">
                    <span><i class="icon iconfont">&#xecc6;</i></span>
                    <span><i class="icon iconfont">&#xecaa;</i></span>
                    <span><i class="icon iconfont">&#xecb9;</i></span>
                    <p class="p2">
                      Html5 + CSS3 响应式布局</br>
                      卓越的浏览器兼容性</br>
                      因为高端，所以出众</br>
                    </p>
                  </div>
                  <div class="he_3DFlipY_caption">
                    <span><i class="icon iconfont">&#xecc6;</i></span>
                    <span><i class="icon iconfont">&#xecaa;</i></span>
                    <span><i class="icon iconfont">&#xecb9;</i></span>
                    <p>
                      Html5 + CSS3 响应式布局</br>
                      卓越的浏览器兼容性</br>
                      因为高端，所以出众</br>
                    </p>
                  </div>
                 </div>
              </div>
            </div>
            <div class="col-sm-4">
              <div class="he_3DFlipY">
                <div class="he_3DFlipY_inner">
                  <div class="he_3DFlipY_img">
                    <span><i class="icon iconfont">&#xeca2;</i></span>
                    <span><i class="icon iconfont">&#xecb6;</i></span>
                    <span><i class="icon iconfont">&#xecb4;</i></span>
                    <p>
                      基于 B/S 架构的网站建设</br>
                      无障碍的跨平台应用</br>
                      无须用户下载安装即可使用</br>
                      云端管理，轻松维护
                    </p>
                  </div>
                  <div class="he_3DFlipY_caption">
                    <span><i class="icon iconfont">&#xeca2;</i></span>
                    <span><i class="icon iconfont">&#xecb6;</i></span>
                    <span><i class="icon iconfont">&#xecb4;</i></span>
                    <p>
                      基于 B/S 架构的网站建设</br>
                      无障碍的跨平台应用</br>
                      无须用户下载安装即可使用</br>
                      云端管理，轻松维护
                    </p>
                  </div>
                 </div>
              </div>
            </div>
          </div>
          <div class="quality visible-xs">
            <div class="media">
              <a href="#">
                <div class="media-left  wow fadeInLeft ">
                  <img class="media-object" data-src="holder.js/98x98" src="assets/img/dnzd.png"  style="width: 98px; height: 98px;">
                </div>
                <div class="media-body wow fadeInRight ">
                  <p>
                      <span>触及视觉灵魂的设计趋势</span><br>
                      <span>精心布局的用户体验</span><br>
                      <span>毫无顾忌地通过任何终端</span><br>
                      <span>呈现在客户的眼前</span>
                    </p>
                </div>
              </a>
            </div>
            <div class="media">
              <a href="#">
                <div class="media-left wow fadeInLeft ">
                  <img class="media-object" data-src="holder.js/98x98" src="assets/img/llq.png"  style="width: 98px; height: 98px;">
                </div>
                <div class="media-body wow fadeInRight ">
                  <p>
                      <span>Html5 + CSS3 响应式布局</span><br>
                      <span>卓越的浏览器兼容性</span><br>
                      <span>因为高端，所以出众</span><br>
                    </p>
                </div>
              </a>
            </div>
            <div class="media">
              <a href="#">
                <div class="media-left  wow fadeInLeft ">
                  <img class="media-object" data-src="holder.js/98x98" src="assets/img/jg.png"  style="width: 98px; height: 98px;">
                </div>
                <div class="media-body  wow fadeInRight ">
                  <p>
                      <span>基于 B/S 架构的网站建设</span><br>
                      <span>无障碍的跨平台应用</span><br>
                      <span>无须用户下载安装即可使用</span><br>
                      <span>云端管理，轻松维护</span>
                    </p>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
   </div>
 </div>
  <!-- 腰线2 -->
  <div class="waist_line2"></div>
  <!-- 底部 -->
  <div class="footer visible-lg">
    <div class="container">
       <ul class="list-inline">
         <li><a href="#">网站首页</a><span>|</span></li>
         <li><a href="#">关于我们</a><span>|</span></li>
         <li><a href="#">成功案例</a><span>|</span></li>
         <li><a href="#">服务中心</a><span>|</span></li>
         <li><a href="#">新闻中心</a><span>|</span></li>
         <li><a href="#">高端服务</a><span>|</span></li>
         <li><a href="#">网站开发</a><span>|</span></li>
         <li><a href="#">APP开发</a><span>|</span></li>
         <li><a href="#">联系我们</a></li>
       </ul>
       <div class="row">
         <div class="col-sm-5">
           苏州艾夫斯信息科技有限公司</br>
电话：010-57151387</br>
地址：苏州市朝阳区北苑路媒体村天畅园</br>
邮编：100107
         </div>
         <div class="col-sm-4">
           E-mail：xxxx@qq.com</br>
网址：http://www.xxxx.com/</br>
版权：苏州艾夫斯信息科技有限公司</br>
备案：京ICP备11111111
         </div>
         <div class="col-sm-3">
           <img src="assets/img/code.jpg" alt="">
           <p>扫一扫，关注我们</p>
         </div>
       </div>
    </div>
  </div>
  <div class="copyright visible-lg">
    <div class="container">Copyright@2017 苏州艾夫斯信息科技有限公司 All rights reserved. </div>
  </div>
  <div class="copyright visible-xs">
    <div class="container">
      <p>版权所有 苏州艾夫斯信息科技有限公司</p>
      <p>京ICP备xxxxxx号 京公海网安备xxxxxx号</p>
    </div>
  </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="assets/js/jquery-1.11.1.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/swiper.min.js"></script>
    <script src="assets/js/jquery.singlePageNav.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/common.js"></script>
  </body>
</html>